<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <section class="no-data__wrap" th:if="${#lists.isEmpty(dataMap['list'])}">
        <span class="no-data-ico"></span>
        <p class="mt20"><span class="c-666">还没有问题，快去提问吧~~~</span></p>
    </section>
    <section class="question-i-item__wrap" th:if="${!#lists.isEmpty(dataMap['list'])}" th:each="question:${dataMap['list']}">
        <div class="hLh30"   th:if="${!#lists.isEmpty(question['tagList'])}">
            <span  class="c-ccc"><i class="fa fa-tag"></i></span>
            <span>
                <a th:if="${tag}!=null" th:each="tag:${question['tagList']}" href="javascript:;" class="c-ccc ml10" th:text="${tag['tagName']}"></a>
            </span>
        </div>
        <div class="cm-desc-txt__twoLine mt10 mr20">
            <a th:href="@{/web/qa/questionInfo?questionId={questionId}(questionId=${question['id']})}" target="_blank" class="c-333 fs16">
                <strong th:text="${question['context']}"></strong>
            </a>
        </div>
        <div class="mt20 clearfix">
            <aside class="pull-right">
                <a href="javascript:void(0);" class="c-ccc">
                    <span class="c-ccc fs12 vam" th:text="${question['user']['nickname']}"></span>
                    <img th:attr="data-original=${question['user']['avatar']}" class="img-circle vam ml5 lazy" width="24" height="24"/>
                </a>
            </aside>
            <aside class="pull-left">
                <span class="mr20">
                    <small class="q-i-dz-btn c-info pr" th:attr="data-id=${question['id']}" data-toggle="tooltip" data-placement="top" th:attrappend="data-original-title='点赞数：'+ ${question['thumbNum']}">
                        <i class="fa fa-caret-up fs18 vam"></i>
                        <b class="ml5 vam" th:text="${question['thumbNum']}"></b>
                    </small>
                </span>
                <span class="mr20">
                    <small class="fs12 c-ccc" th:text="${#strings.substring(question['createTime'],0,16)}"></small>
                </span>
                <span class="mr20">
                    <small class="fs12 c-ccc" th:text="${question['attendNum']}+'人围观'"></small>
                </span>
                <span class="mr10">
                    <small class="fs12 c-ccc">问题价格</small>
                    <small class="fs12 c-danger" th:if="${question['isFree']} == 2">
                        <i class="fa fa-yen" th:text="${question['price']}"></i>
                    </small>
                    <small class="fs12 c-primary" th:if="${question['isFree']} == 1 or ${question['isFree']} ==3 ">免费</small>
                </span>
            </aside>
        </div>
        <hr/>
    </section>
    <!-- 分页 开始-->
    <div data-th-replace="layout/webPage"></div>
    <!-- 分页 结束-->
</html>
